<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Windvoice!</title>
<link rel="stylesheet" type="text/css" href="Style/bluevoice/main.css"/>
</head>
<body>
<div id="wrapper">
	<div id="header"></div>
    <div id="navigator">
    	<ul>
            <li> <a title="" href="/">Home</a> </li> 
            <li> <a title="" href="/">Blog</a> </li> 
            <li> <a title="" href="album.asp">Album</a> </li> 
            <li> <a title="" href="weather.php">Weather</a> </li> 
            <li> <a title="" href="works.php">Works</a> </li> 
            <li> <a title="" href="links.asp">Links</a> </li> 
            <li> <a title="" href="about.asp">About</a> </li> 
        </ul>
    </div>
	<div id="body">
    	<div id="body-left">
        	<div class="album-crumbs">
            	<a href="#">Windvoice</a> -> 
                <a href="#">Albums</a> -> 
                <a href="#">Ghost in Zhongguancun</a>
            </div>
        	<div class="photo-list">
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div id="body-right">
        	<!-- right part -->
            <div class="album-info-panel">
            	<h4>Ghost in Zhongguancun</h4>
                <span>Was created on 2009-02-09</span>
                <span>Updated on 2009-02-09</span>
                <span>with 20 photoes</span>
                <dt>And has a story:</dt>
                <dd>Here goes stories, Here goes stories, Here goes stories, Here goes stories, Here goes stories</dd>
            </div>
        </div>
        <div class="clear"></div>
    </div>
	<div id="footer">
        Designed and Coded by ZhangFeng <br/>
        All Rights Reserved © 2007 <br/>
        京ICP备07041653号
	</div>
</div>
</body>
</html>
